<template>
  <div class="dashboard-container">

    <el-carousel :interval="4000" height="500px" type="card">
      <el-carousel-item>
        <el-image src="https://w.wallhaven.cc/full/v9/wallhaven-v9zz2p.png"/>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://w.wallhaven.cc/full/rd/wallhaven-rdxe21.jpg"/>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://w.wallhaven.cc/full/e7/wallhaven-e7qw1o.png"/>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://w.wallhaven.cc/full/j3/wallhaven-j38q5y.jpg"/>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://w.wallhaven.cc/full/2y/wallhaven-2y39jy.png"/>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://w.wallhaven.cc/full/96/wallhaven-96gywx.png"/>
      </el-carousel-item>

    </el-carousel>

<!--    <el-row :gutter="12">-->

<!--      <el-col :span="16">-->
<!--        <el-card shadow="hover">-->
<!--          <el-calendar :range="['2021-07-01', '2021-08-01']"/>-->
<!--        </el-card>-->
<!--      </el-col>-->

<!--      <el-col :span="8">-->
<!--        <el-card shadow="hover">-->

<!--          <el-timeline>-->
<!--            <el-timeline-item placement="top" timestamp="2018/4/12">-->
<!--              <el-card>-->
<!--                <h4>编辑商品 - 3</h4>-->
<!--                <p>admin 提交于 2018/4/12 20:46</p>-->
<!--              </el-card>-->
<!--            </el-timeline-item>-->
<!--            <el-timeline-item placement="top" timestamp="2018/4/3">-->
<!--              <el-card>-->
<!--                <h4>删除商品 - 9</h4>-->
<!--                <p>admin 提交于 2018/4/3 20:46</p>-->
<!--              </el-card>-->
<!--            </el-timeline-item>-->
<!--            <el-timeline-item placement="top" timestamp="2018/4/2">-->
<!--              <el-card>-->
<!--                <h4>添加商品 - 5</h4>-->
<!--                <p>admin 提交于 2018/4/2 20:46</p>-->
<!--              </el-card>-->
<!--            </el-timeline-item>-->
<!--            <el-timeline-item placement="top" timestamp="2018/4/2">-->
<!--              <el-card>-->
<!--                <h4>添加商品 - 10</h4>-->
<!--                <p>admin 提交于 2018/4/1 10:24</p>-->
<!--              </el-card>-->
<!--            </el-timeline-item>-->
<!--          </el-timeline>-->

<!--        </el-card>-->
<!--      </el-col>-->
<!--    </el-row>-->

  </div>
</template>

<script>
import {mapGetters} from 'vuex'

export default {
  name: 'Dashboard',
  computed: {
    ...mapGetters([
      'name'
    ])
  }
}
</script>
<style>

</style>
<style lang="scss" scoped>
.dashboard {
  &-container {
    margin: 30px;
  }

  &-text {
    font-size: 30px;
    line-height: 46px;
  }
}
</style>
